<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>通讯录</title>
    <link href="css/contact.css" rel="stylesheet" type="text/css" />
    <link href="css/reveal.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/http   code.jquery.com jquery-1.7.1.js"></script>
    <script type="text/javascript" src="js/jquery.reveal.js"></script>
    <script type="text/javascript">
		$(function() {
			var d=300;
			$('#our_label a').each(function(){
				$(this).stop().animate({
					'marginTop':'-80px'
				},d+=150);
			});

			$('#our_label > li').hover(
			function () {
				$('a',$(this)).stop().animate({
					'marginTop':'-30px'
				},200);
			},
			function () {
				$('a',$(this)).stop().animate({
					'marginTop':'-80px'
				},200);
			}
		);
		});
	</script>
</head>

<body>
	<div class="content">
    	<ul id="our_label">
            <li class="about_us"><a href="#" class="about_us"></a></li>
            <li class="contact_us"><a href="#" class="contact_us"></a></li>
   		</ul>
    	<div class="classname">电信<label>1004</label>班&nbsp;通讯录</div>
    	<div class="display">
            <div class="name_left">
                <div class="title"><span>学号</span><span>姓名</span></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#"  data-reveal-id="1" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="2" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="3" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="4" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="5" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="6" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="7" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="8" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="9" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="10"title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="11"title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="12" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="13" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="14" title="个人信息"><span>学号</span><span>吴双</span></a></div>
            </div>
            <img class="photo" src="images/bphoto_2_medium.png" />
            <div class="name_right">
                <div class="title"><span>学号</span><span>姓名</span></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="15" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="16" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="17"title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="18" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="19"title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="20" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="21"title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="22"title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="23" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="24" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="25" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="26" title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="odd" onmouseover="this.className='dark'" onmouseout="this.className='odd'"><a href="#" data-reveal-id="27"title="个人信息"><span>学号</span><span>吴双</span></a></div>
                <div class="even" onmouseover="this.className='dark'" onmouseout="this.className='even'"><a href="#" data-reveal-id="28"title="个人信息"><span>学号</span><span>吴双</span></a></div>
            </div>
        <div id="1" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="2" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="3" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="4" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="5" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="6" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="7" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="8" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="9" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="10" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="11" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="12" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="13" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="14" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="15" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="16" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="17" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="18" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="19" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="20" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="21" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="22" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="23" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="24" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="25" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="26" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="27" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        <div id="28" class="reveal-modal">
            <div><a href="#"><img class="u878" src="images/878_thumb.png" /></a></div>
            <div class="info">
                <h1>吴双</h1>
                <p>手机号：18771052635<br />住址：韵苑22栋506室<br />邮箱：946517858@qq.com<br />籍贯：江苏南京</p>
            </div>
            <a class="close-reveal-modal">&#215;</a>
		</div>
        </div>
    </div>
</body>
</html>
